@charset "UTF-8";

$login-bg: #F4F5F7;

@mixin flex-center {
	justify-content: center;
	align-items: center;
	display: flex;
}

.form-box {
	width: 606rpx;
	margin: 0 auto;
	& > .form-tab {
		width: 100%;
		height: 790rpx;
		 .tab-input {
			width: 570rpx;
			margin: 94rpx auto 228rpx;
			& > .form-item {
				width: 100%;
				height: 102rpx;
				background: #FFFFFF;
				margin-bottom: 26rpx;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				opacity: 1;
				border: 2rpx solid #D4D4D4;
				display: flex;
				align-items: center;
				& > .input-prefix {
					width: 160rpx;
					height: 44rpx;
					text-align: center;
					border-right: 1px solid #D4D4D4;
					color: #D4D4D4;
					margin-right: 40rpx;
					height: 40rpx;
				}
			}
			& > .tip-r {
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				line-height: 28rpx;
				display: flex;
				justify-content: end;
				width: 120rpx;
				float: right;
			}
		}
		.btn {
			width: 100%;
			height: 80rpx;
			background: #0877C6;
			border-radius: 10rpx 10rpx 10rpx 10rpx;
			opacity: 1;
			margin: 0 auto;
			font-size: 32rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 38rpx;
			color: #FFFFFF;
			@include flex-center();
		}
	}
}

.login-logo {
	width: 422rpx;
	height: 128rpx;
	padding: 284rpx 178rpx 130rpx 150rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	opacity: 1;
	& > image {
		width: 100%;
		height: 100%;
	}
}